<!doctype html>
<html>
	<head>
		<meta content="text/html; charset=UTF-8" http-equiv="content-type" \>
		<title>jesyon-管理后台</title>
		<!--public-->
		<link href="../static/reset.css" type="text/css" media="screen" rel="stylesheet"  />
		<!--jesyon -->
		<link href="../static/styles/jesyon/jesyon.css" type="text/css" media="screen" rel="stylesheet" />
		<!--jesyon themes-->
		<link href="../static/styles/jesyon/themes/default.css" type="text/css" media="screen" rel="stylesheet" id="jes_themes" />

	
		<!--public-->
		<script src="../static/jquery-1.4.4.js" type="text/javascript"></script>
		<script src="../static/scripts/apollo/apollo.js" type="text/javascript"></script>

		<!--jesyon-->
		<script src="../static/scripts/jesyon/jesyon.js" type="text/javascript"></script>
		
		
	</head>
	<body>
		<!--S 头部-->
		<div id="Jes-header">
			
			<div id="Jes-banner">
				<a id="Jes-setting"  href="javascript:;">设置</a>
				<h1>后台管理系统<s>后台管理系统</s></h1> 
				<a href="../" target="_blank">访问站点</a>

				<div>
					你好：<b>雷克斯</b> |  
					<a href="###">您的信息(3)</a> |  
					<a href="###">系统信息(3)</a>
					 | <a href="###" class="logout">退出</a>					
				</div>
			</div>
			<div id="Jes-toolbar">
				<div class="Jes-layoutl">
					<h2 class="Jes-mainav">
						网站用户管理系统
						<div id="Jes-mainav-list" style="display:none;">
							<ul>
								<li>网站前段广告管理</li>
								<li>网站登录状况管理</li>
								<li>网站广告管理</li>
								<li>网站登录状况管理</li>
								<li>网站广告管理</li>
								<li>网站登录状况管理</li>
								<li>网站广告管理</li>
								<li>网站登录状况管理</li>
								<li>网站广告管理</li>
								<li>网站登录状况管理</li>
								<li>网站广告管理</li>
								<li>网站登录状况管理</li>
							</ul>
						</div>
					</h2>
					
					<script>
						var mainav=$('.Jes-mainav'),mainavlist=$('#Jes-mainav-list'),height=mainavlist.height(),is=0;
						$('li',mainavlist).mouseover(function(){
							$(this).addClass('hover');
						}).mouseout(function(){
							$(this).removeClass('hover');
						}).click(function(){ 
							mainavlist.hide()&&(is=0);
							mainav.removeClass('Jes-mainav-select');
							return false;
						});
						
						mainav.hover(function(){
	
							mainav.addClass('Jes-mainav-select');
						},function(){
							mainav.removeClass('Jes-mainav-select');
						//	mainavlist.stop().animate({height:0},300,function(){
								//mainavlist.hide();
							//})
						})
						.click(function(){
							!is&&(mainavlist.show().css('height','0px').stop().animate({height:height},300))&&(is=1);
							
							return false;
						});
						$(document.body).click(function(){
							is&&mainavlist.hide()&&(is=0);
						});

						
					</script>
				</div>
				<div class="Jes-layoutr">
					<div style="float:left;height:29px;width:390px;background:url(../static/styles/jesyon/k.png) no-repeat left center;margin:8px 0 0 8px;"></div>
				</div>
			</div>
		</div>
		<!--E 头部-->
		<!--主体-->
		<div id="Jes-select"> 
				<div class="Jes-layoutl" id="Jes_nav"> 
				</div>
				<div class="Jes-layoutr" id="Jes_main">
					<div style="height:1000px;width:100%;background:#ccc;">
						<div style="height:800px; background:#fcc;float:left;"></div>
					</div>
					 <div class="test_btoon">
						 
					 </div> 
				</div>
		</div>
	</body>
</html>
